<template>
  <div>
    <div class="dep-fun">
      <div class="dep hover" v-for="(item,i) of showComments.departmentIdea" :key="i">
        <div class="flex-text-between padding-8px">
          <p>{{item.name}}</p>
          <div class>
            <el-button type="text" size="small" icon="el-icon-edit">编辑</el-button>
            <el-button type="text" size="small" icon="el-icon-remove" @click="commentDel(i)">删除</el-button>
          </div>
        </div>
        <div class="padding-8px">
          <p>{{item.comment}}</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
    props:["showComments"],
    data(){
        return {
          
        }
    },
    methods:{
        commentDel(index){
          console.log(index,this.showComments);
          // showComments.splice(index, 1);
        }
    }
};

</script>
<style scoped src="../../../../public/css/permissionsBase.css"></style>
<style scoped>
</style>
